@media (max-width: 767.5px) {
    .isNotMobile {
        display: none;
        width: 0;
        height: 0;
        visibility: hidden;
        position: absolute;
    }

    .isMobile .mb-5 {
        margin-bottom: 15px !important
    }
}
@media (min-width: 767.4px) {
    .isMobile {
        display: none;
        width: 0;
        height: 0;
        visibility: hidden;
        position: absolute;
    }
}

@media (min-device-width:767.5px) {
    .tt-product:not(.tt-view) .tt-description {
        padding-top: 7px;
    }

    .tt-product-single-info .tt-wrapper.description-box {
        border-top: 1px solid #e9e7e7;
        padding-top: 10px;
        margin-top: 10px;
    }

    .productDetail {
        padding-left: 15px;
    }

    .tt-block-aside:first-child{
        margin-top: 25px;
    }

}

footer .tt-collapse-content {
    padding-top: 0;
}

.tt-product-single-info .tt-price {
    color: #666
}

.relatedItemWrapper {
    display: grid;
    grid-template-columns: repeat(4, calc(100% / 4))
}

.relatedItem {
    text-align: center;
}

.relatedItem {
    padding-right: 8px;
}

.relatedItem:last-child {
    padding-right: 0;
}
.relatedItemImage {
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 7px;
}

.relatedItemImage img {
    max-width:100%;
    object-fit: contain;
}

.relatedItemNoImage {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5;
}
.comments-single-post .tt-title-border {
    text-align: center;
}

.tt-shopcart-table-02 table tr td[data="product-detail"] {
    vertical-align: top;
    padding: 7px 10px;
    font-size: 14px;
}

.relatedItem:hover a {
    color: #0056b3
}
.oldPrice {
    text-decoration: line-through;
}

.shopcart-action {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    align-items: center;
    padding: 20px 0;
}

.shopcart-action a + a {
    margin-left: 15px;
}

.itemOrder {
    line-height: 1.4em
}

.totalPriceCheckout {
    color: red;
    font-weight: 600
}


.tt-stuck-nav.stuck #navigator .goToHome {
    display: inherit;
}

.tt-title-subpages:not(.text-left):not(.text-right) {
    font-size: 21px;
    letter-spacing: 0.03em;
    font-weight: 500;
    padding: 0 0 10px;
    text-align: left;
}



@media (min-device-width: 767.5px) and (max-device-width: 1024.4px) {
    .tt-product-single-info .tt-price {
        margin-bottom: 0;
    }

    .tt-shopcart-table-02 .tt-price:not(.subtotal) {
        text-align: right;
        padding-right: 10px;
    }

    h5:not([class^="tt-title"]):not([class^="tt-collapse"]):not([class^="tt-aside"]) {
        font-size: 15px;
    }

}
@media (min-device-width: 767.5px) and (max-device-width: 1024.4px) and (orientation:portrait) {

    .container {
        max-width: calc(100vw - 60px);
    }

    .tt-product-listing .col-6,
    .tt-layout-product-item .col-6 {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
    }

    .tt-product-vertical-layout .tt-product-single-carousel-vertical .slick-slider:before {
        display: none;
    }
    .container.bottom_border .row {
        display: grid;
        grid-template-columns: repeat(4, calc(100% / 4));
        padding: 0 8px;
    }
    .container.bottom_border .row .col-sm-4 {
        flex: 100%;
        max-width: 100%;
    }

}
@media (min-device-width: 767.5px) and (max-device-width: 1024.4px) and (orientation:landscape) {

    .isTablet {
        display: inherit;
    }
    .container {
        max-width: calc(100vw - 60px);
    }

    .remove-all-cart-item {
        /* display: none; */
    }

    .tt-product-vertical-layout .tt-product-single-carousel-vertical .slick-slider:before {
        display: none;
    }
}
@media (max-device-width: 767.4px) {
    .isMobile {
        display: inherit;
    }
    .isTablet,
    .isDesktop {
        display: none !important;
        position: absolute;
    }

    .tt-product-single-info .tt-wrapper {
        margin: 7px auto;
    }
    .tt-product-single-info .tt-row-custom-01 .col-item:not(:first-child) {
        margin-top: 0;
    }

    .slick-slider img {
        height: 280px;
    }

    footer .tt-social-icon {
        justify-content: center;
    }

    .tt-filters-options h1 {
        display: none;
        position: absolute;
    }

    #tt-pageContent>.container-indent:not(.nomargin):not([class^="tt-offset"]) {
        margin-top: 0;
    }

    .tt-layout-product-item:not(.tt-view) .tt-product,
    .tt-product-listing>.tt-col-item {
        margin: 0;
    }
    .tt-description .tt-title {
        height: auto;
    }
    .cart-total-amount {
        color: red;
    }

    .tt-layout-product-item:not(.tt-view) {
        margin: 0;
    }

    .relatedItemWrapper {
        display: grid;
        grid-template-columns: repeat(2, calc(100% / 2));
        padding: 0 8px;
    }

    .relatedItem {
        padding-right: 8px;
        padding-bottom: 16px;
    }

    .relatedItem:last-child {
        padding-right: 0;
    }
    .relatedItemImage {
        height: 115px;
    }

    .recent-product-title.text-left {
        text-align: center !important;
        font-size: 16px;
        font-weight: 600;
    }

    .recent-product-title::after {
        left: calc(50% - 100px);
    }

    .container.bottom_border .row {
        display: grid;
        grid-template-columns: repeat(2, calc(100% / 2));
        padding: 0 8px;
    }

    .socialMobile {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    footer .socialMobile .tt-social-icon {
        margin: 0 5px;
    }

    .socialMobile .tt-social-icon li a {
        font-size: 25px;
        line-height: 32px;
    }

    .footer_ul_amrc a {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 90%;
    }


    .tt-block-title .tt-title,
    .tt-collapse-block .tt-item .tt-collapse-title {
        font-size: 19px;
        line-height: 25px;
    }

    .tt-collapse-content {
        padding-top: 15px;
    }
}


@media (min-width: 760px) {
    .is-mobile {
        display: none !important
    }
}
@media (max-width: 992px) {
    .tt-cart {
        display: none !important;
    }

    .tt-mobile-header .tt-parent-box {
        margin-left: 0;
    }


    .form-default select.form-control {
        padding: 10px 7px;
    }

    .itemOrder-content {
        flex-wrap: wrap;
    }

    .cart-product-link {
        margin-bottom: 7px;
        display: block;
    }

    .itemOrder img {
        width: 40px;
        height: 40px;
    }

    .itemOrder-content {
        width: calc(100% - 40px);
    }

}

@media (min-width: 1025px) {
    .hidden-desktop {
        display: none;
    }

    .tt-desctop-menu:not(.tt-hover-02) li.dropdown>a::after {
        content: "";
        position: absolute;
        height: 2px;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: var(--secondary-text-color);
        visibility: hidden;
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: all .3s cubic-bezier(.175,.885,.32,1.275);
        -moz-transition: all .3s cubic-bezier(.175,.885,.32,1.275);
        -ms-transition: all .3s cubic-bezier(.175,.885,.32,1.275);
        -o-transition: all .3s cubic-bezier(.175,.885,.32,1.275);
        transition: all .3s cubic-bezier(.175,.885,.32,1.275);
    }

    .tt-desctop-menu .dropdown .dropdown-menu {
        /* display: none !important */
    }

    .display-price {
        margin-left: auto;
    }

    .cart-wrapper .tt-desctop-menu:not(.tt-hover-02) li.dropdown>a {
        text-align: center;
    }

    .cart-product-link {
        padding-right: 7px;
    }
}

@media (max-width: 1024px) {
    .is-desktop {
        display: none;
    }

    .display-price {
        width: 100%;
    }
}

@media (width: 1024px) {
    .cart-wrapper header {
        width: 265px;
    }

    .cart-wrapper #tt-pageContent {
        width: calc(100% - 265px)
    }

    .panel-menu {
        display: block !important;
        transform: none !important;
        position: static !important;
        width: auto !important
    }

    .mmpanels {
        width: auto !important;
        position: static !important;
    }

    .tt-mobile-header,
    .mm-close-parent {
        display: none !important
    }

    .geekmark + span {
        width: calc(100% - 30px);
        line-height: 1.1;
    }


    .your-cart-info {
        flex: 0 0 62.66667%;
    }

    .cart-info {
        padding: 25px 35px;
    }

    .payment-info {
        flex: 0 0 38.33333%;
    }

    .itemOrder-content {
        flex-wrap: wrap;
    }

    .panel-menu ul li a {
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 12px;
    }

    .cart-wrapper .mmpanels, .mmpanels>.mmpanel, .panel-menu {
        width: 264px;
    }

    .cart-wrapper .panel-menu .mm-next-level:after {
        display: none;
    }

    .panel-menu {
        overflow: hidden;
    }
}



@media (min-width: 761px) and (max-width: 992px) {
    .cart-wrapper {
        display: block;
        height: auto;
        min-height: 1px;
    }

    .cart-wrapper header {
        display: block;
        width: 100%;
        position: sticky;
        top: 0;
        left: 0;
        z-index: 8882288;
        height: 50px;
        background-color: #fff;
        box-shadow: 0 1px 3px rgba(11, 11, 11, 0.2)
    }

    .cart-wrapper #tt-pageContent {
        width: 100%;
    }

    .tt-stuck-nav {
        top: auto;
        z-index: 9999;
        min-height: 1px;
        /* box-shadow: none; */
    }


    .payment-wrapper {
        min-height: calc(100vh - 50px);
    }

    .payment-wrapper .col-sm-7 {
        flex: 0 0 64.66667% !important;
        max-width: 64.66667% !important;
    }
    .payment-wrapper .col-sm-5 {
        flex: 0 0 35.66667% !important;
        max-width: 35.66667% !important;
    }

    .cart-info {
        padding: 25px
    }
}

@media (max-width: 760px) {
    .cart-wrapper header {
        display: block;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 88888;
        background-color: #fff;
        box-shadow: 0 1px 3px rgba(11, 11, 11, 0.2)
    }

    .tt-stuck-nav {
        top: auto;
        z-index: 9999;
        min-height: 1px;
        /* box-shadow: none; */
    }

    .cart-wrapper #tt-pageContent {
        width: 100%;
        padding-top: 40px;
    }

    .cart-info {
        padding: 0
    }

    .shopcart-action {
        padding: 10px 0;
    }
    .shopcart-action .btn-lg {
        padding-left: 20px;
        padding-right: 20px;
    }

    .img-box {
        padding-left: 10px !important;
    }

    .tt-shopcart-table-02 table tr td[data="product-detail"] {
        padding-top: 10px;
    }

    .tt-title-subpages:not(.text-left):not(.text-right) {
        padding: 10px 0;
        font-size: 14px;
        font-weight: bold;
    }

    .payment-wrapper {
        flex-direction: column-reverse;
    }

    .hidden-mobile {
        display: none !important
    }

    .payment-info,
    .cart-info  {
        background-color: transparent;
        padding: 15px;
    }

    .cart-info {
        padding-top: 0
    }

    .checkoutForm .col {
        margin: 0;
    }

    .cart-wrapper #tt-pageContent .payment-info .container.detail {
        padding-left: 0;
        padding-right: 0;
    }

    .cart-wrapper #tt-pageContent .payment-info .container.detail + .container.detail {
        padding-top: 0;
    }

    .cart-info .text-right {
        text-align: center !important
    }

    .cart-wrapper {
        display: block;
        position: relative;
        height: auto;
    }

    .tt-stuck-nav {
        /* position: relative; */
    }

    .payment-wrapper .col-12 {
        width: 100%;
        flex:  0 0 100% !important;
        max-width: 100% !important
    }

    .payment-detail {
        padding: 0
    }

    .itemOrder-content {
        flex-wrap: wrap;
    }
    .itemOrder-content .cart-product-link,
    .itemOrder-content .display-price {
        width: 100%;
    }

    .cart-product-link {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .cart-wrapper #tt-pageContent #container-cart {
        padding: 15px;
    }

}
